page-nick-name-setting {
    @function computed-vw($px) {
        @return $px/1080*100vw;
    }
    .scroll-content {
        background-color: #f5f5f5;
    }

    .header-box{
        box-shadow: 0 computed-vw(15) computed-vw(60) 0 rgba(0, 0, 0, 0.3);
    }
    .search-bar {
        background-color: #fff;
        height: computed-vw(170);
        border-bottom: 1px solid #e9e9e9;
        input {
            height: 100%;
            width: 100%;
            font-size: computed-vw(45);
            padding-left: computed-vw(60);
            background: none;
            border: none;
            color: #333;
        }

        input::placeholder{
            color: #999;
            font-size: computed-vw(45);
        }
    }

    .cancel-btn{
        font-size: computed-vw(54);
    }

    .title{
        font-size: computed-vw(60);
    }
}
